<template>


    <!-- 二级路由出口 -->
    <!-- <router-view></router-view> -->




    <div>
        <el-container class="common-layout">
            <!-- 侧边栏 -->
            <el-aside width="200px">
                <!-- logo -->
                <logo></logo>
                <!-- 菜单 -->
                <SideMenu />
                <!-- <SideMenu></SideMenu> -->
            </el-aside>
            <el-container>
                <el-header height="50px">
                    <!-- Header -->


                </el-header>
                <el-main>
                    <!-- Main -->
                    <!-- <window></window> -->
                    <!-- 二级路由出口 -->
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script setup lang="ts">
import SideMenu from '../../components/menus/SideMenu.vue';






</script>

<style scoped></style>

<style scoped lang="scss">
.common-layout {
    min-height: 100vh;
}

.el-aside {
    background-color: #282c34;
}

// .el-container {
//     min-height: 100vh;
// }
.el-header {
    border: 1px solid #ebeef5;
    // background-color:#fff ;

}

.el-main {
    background-color: #f0f2f5;
    --el-main-padding: 5px;

}
</style>